<div class="primary">
   <div class="wrap">
      <?php include ROOT.'/home/view/view_bar.php'?>
      <div class="breadcrumb">
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
            <a itemprop="url" rel="up" class="crumb" href="/"><span itemprop="title">Trang chủ</span></a>
            <span class="arrow"> &gt; </span>
         </span>
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
            <a itemprop="url" rel="up" class="crumb" href="/dich-vu/"><span itemprop="title">Dịch vụ</span></a>
            <span class="arrow"> &gt; </span>
         </span>
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
         <?php
         foreach($product_cat as $key=>$value) {
            ?>
            <a itemprop="url" rel="up" class="crumb" href="<?=url_services_cat($value['cat_alias'])?>"><span itemprop="title"><?=$value['cat_name']?></span></a>
            <?php if($key < (count($product_cat) - 1)) echo ' | '?>
            <?
         }
         ?>
            <span class="arrow"> &gt; </span>
         </span>
         <span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope" class="crumb_item">
            <a itemprop="url" rel="up" class="crumb" href="<?=url_services_detail($product)?>"><span itemprop="title"><?=$product['ser_name']?></span></a>
         </span>
      </div>
      <div class="prodetail">
         <div class="prodetail_title">
            <h1><?=$product['ser_name']?></h1>
         </div>
         <div class="prodetail_left">
            <div class="prodetail_slide">
               <div class="prodetail_slide_item prodetail_slide_image" style="display: block; text-align: center;">
                  <img src="<?=img_link($product['ser_image'],'large')?>" alt="<?=$product['ser_name']?>" />
               </div>
               <div class="clear"></div>
            </div><!-- prodetail_slide -->
            <div class="configuration">
               <div style="padding: 10px;" class="css_content"><?=$product['ser_param']?></div>
               <div class="clear"></div>
            </div>
            <div class="prodetail_content">
               <div class="prodetail_content_wrap css_content">
                  <?=$product['ser_details']?>&nbsp;
               </div>
               <button type="button" class="click-show-more">Xem thêm mô tả chi tiết ▼</button>
               <div class="prodetail_social">
                  <ul>
                      <li><div class="fb-like" data-href="<?=DOMAIN.url_services_detail($product)?>" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div></li>
                      <li><a href="https://twitter.com/share" class="twitter-share-button" data-url="<?=DOMAIN.url_services_detail($product)?>">Tweet</a></li>
                      <li><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300" data-href="<?=DOMAIN.url_services_detail($product)?>"></div></li>
                     <div class="clear"></div>
                  </ul>
               </div>
            </div>
            <div id="comment" class="prodetail_comment">
               <h4>Mời bạn bình luận hoặc đặt câu hỏi về dịch vụ <span><?=$product['ser_name']?></span></h4>
               <div class="comments">
               <?php
                  echo html_add_comment($product['ser_id'],'services');
                  echo html_list_comment($product['ser_id'],'services');
               ?>
               </div>
               <link rel="stylesheet" type="text/css" href="/themes/css/comments.css"/>
               <script type="text/javascript" src="/themes/js/comment.js"></script>
               <h4>Bình luận cho dịch vụ <span><?=$product['ser_name']?></span> trên Facebook</h4>
               <div class="fb-comments" data-href="<?=DOMAIN.url_services_detail($product)?>" data-width="700" data-numposts="5" data-colorscheme="light"></div>
            </div>
         </div><!-- prodetail_left -->
         <div class="prodetail_right">
            <div class="prodetail_right_wrap">
               <div class="pro_table_price">
               <?php
               if($product['ser_table_price']) {
                  echo '<p class="title">Bảng giá dịch vụ</p>';
                  $table_price = db_first('SELECT * FROM table_price WHERE tab_id = '.$product['ser_table_price']);
                  echo $table_price['tab_value'];
               }
               ?>
               </div>
               <style>
               .pro_table_price {
                  margin-bottom: 10px;
               }
               .pro_table_price .title {
                  padding-bottom: 5px;
                  font-weight: bold;
               }
               .pro_table_price table {
                  width: 100%;
                  border-collapse: collapse;
               }
               .pro_table_price table td {
                  border: 1px solid #ccc;
                  padding: 5px 2px;
               }
               </style>
               <div class="pro_warranty"><b>Bảo hành:</b> <?=$product['ser_warranty']?></div>
               <div class="pro_promotion">
                  <?=nl2br($product['ser_promotion'])?>
               </div>
               <a class="pro_order_action" href="javascript:void(0);" onclick="showpopup(<?=$product['ser_id']?>,'services','<?=$product['ser_name']?>');">
                   ĐẶT MUA HÀNG TẠI CỬA HÀNG
               </a>
               <div class="pro_hotline">
                  Điên thoại: <strong>0466.565.565</strong> - Hotline: <strong>0969.655.655</strong><br>
                  <span>(8:30 - 20:00 hàng ngày)</span>
              </div>
            </div>
            <div class="prodetail_box_sidebar">
               <div class="prodetail_right_wrap">
                  <div class="title_box">Dịch vụ sửa chữa</div>
                  <ul>
                  <?php
                  $list_hot_services = db_array('SELECT ser_id,ser_name,ser_alias,ser_image,ser_warranty FROM services WHERE ser_active = 1 ORDER BY ser_id DESC LIMIT 5');
                  foreach($list_hot_services as $service) {
                     ?>
                     <li>
                        <a class="img" href="<?=url_services_detail($service)?>">
                           <img src="<?=img_link($service['ser_image'],'small')?>" alt="<?=$service['ser_name']?>" />
                        </a>
                        <a href="<?=url_services_detail($service)?>"><p class="title"><?=$service['ser_name']?></p></a>
                        <p>Bảo hành: <?=$service['ser_warranty']?></p>
                     </li>
                     <?
                  }
                  ?>
                  </ul>
                  <a class="link_box" href="<?=url_services_cat()?>">Xem tất cả dịch vụ</a>
               </div>
            </div>
            <?php
            if($product['ser_tags'] != '') {
               $list_tags = explode(',',$product['ser_tags']);
               
               ?>
               <div class="pro_tags">
                  <span>Từ khóa liên quan: </span>
               <?
               foreach($list_tags as $tags) {
                  ?>
                  <a href="<?=url_tags($tags)?>" target="_blank"><?=$tags?></a>
                  <?
               }
               ?>
               </div>
               <?
            }
            ?>
         </div>
      </div>
   </div>
</div>